BootStrap - Exibição de Divs como se fossem popUp Modal

Importante : Os recursos desta página utilizam o bootstrap tanto css quanto js bem como o JQuery.

O modal impede que o usuário faça qualquer coisa até responder o alerta emitido.

Note que parece um popup mas na realidade são divs agrupadas pela classe modal-content.

Todo o tratamento de exibir e fechar o 'popup' é feito por classes internas do bootstrap.

Como Utilizar :

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
            Abrir PopUp Modal
        </button>

        <!-- The Modal -->
        <div class="modal fade" id="myModal">
            <div class="modal-dialog">
                <div class="modal-content">

                    <!-- Modal Header -->
                    <div class="modal-header">
                        <h4 class="modal-title">Cabaçalho Modal</h4>
                        <button type="button" class="close" data-dismiss="modal">x</button> <!-- Este botão é para fechar o Modal-->
                    </div>

                    <!-- Modal body -->
                    <div class="modal-body">
                        Corpo do PopUp Modal ..
                    </div>

                    <!-- Modal footer -->
                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-dismiss="modal">Fechar</button>
                    </div>

Como o browser exibe :